<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>

<head>
    <title>用户信息</title>
    <style>
        * {
            padding: 0px;
            margin: 0px;
        }

        body {
            background-color: #e0e0e0;
        }

        /*top*/
        .top {
            margin: 0px;
            width: 100%;
            height: 35px;
            text-align: center;
            /* border: 1px solid #000; */
            padding-top: 10px;
            background-color: #fff;
        }


        /* 头像 */

        .photodiv {
            margin-top: 60px;
            text-align: center;
            /* border: 1px solid #000; */
        }

        .headphoto {
            /* margin-top: 10px; */
            /* text-align: right; */
            /* margin-right: 0px; */
            height: 200px;
            border-radius: 50%;
        }

        .information {
            margin-top: 35px;
            margin-left: 550px;
        }

        button {
            display: inline-block;
            float: left;

        }

        .bu1 {
            text-align: center;
            margin-top: 40px;
        }
    </style>
    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
</head>

<main>
<body>
<script type="text/javascript"> popheight = 39; </script>
<table cellspacing="0" cellpadding="0" width="100%" align="center"
       bgcolor="#ffffff" border="0">
    <tbody>
    <tr>
        <td width="5"></td>
        <td height="64" bgcolor="black">
            <table cellspacing="0" cellpadding="0" width="100%" align="center"
                   bgcolor="black" border="0">
                <tbody>
                <tr>
                    <td valign="center" align="middle">
                        <table cellspacing="0" cellpadding="0" width="98%" align="center"
                               bgcolor="black" border="0">
                            <tbody>
                            <tr>
                                <td align="center">
                                    <strong>
                                        <%--                                                        连接首页界面--%>
                                        <a href="u_index.jsp">
                                            <font color="white" size="5">首页</font>
                                        </a>
                                    </strong>
                                </td>
                                <td align="center">
                                    <strong>
                                        <%--                                                        连接留言界面--%>
                                        <a href="online.jsp">
                                            <font color="white" size="5">在线留言</font>
                                        </a>
                                    </strong>
                                </td>
                                <td align="center">
                                    <strong>
                                        <%--连接用户个人信息界面--%>
                                        <a href="user.jsp">
                                            <font color="white" size="5">用户信息</font>
                                        </a>
                                    </strong>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </td>
                </tr>
                </tbody>
            </table>
        </td>
        <td width="5"></td>
    </tr>
    <tr>
        <td height="10"></td>
    </tr>
    </tbody>
</table>

<div class="top">个人中心</div>

<div class="photodiv"><img class="headphoto" src="../images/profilePhoto/head.jpg" alt="头像"></div>

<div class="information">个性签名:&emsp;&emsp;${user.qianming}</div>
<div class="information">昵&emsp;&emsp;称:&emsp;&emsp;${user.username}</div>
<div class="information">性&emsp;&emsp;别:&emsp;&emsp;${user.sex}
    <!-- 男 -->
<%--   <i class="fa fa-mars" style="font: size 18px;"></i> --%>
<%--    <!-- 女 -->--%>
<%--   <i class="fa fa-venus" style="font: size 18px;"></i>--%>
</div>
<div class="information">电话号码:&emsp;&emsp;${user.telephone}</div>

<%--<div class="bu1">--%>
<%--    <input type="button" value="修改信息" onclick="window.location.href = 'informational.jsp'"--%>
<%--           style=" border: 1px solid #bbbbbb;font-size: 19px;width: 270px;height: 44px;color:#ffffff;background-color: #4ed859;">--%>
<%--</div>--%>

</body>
</main>
</html>